/* pages/answer /answer .wxss */
.answer_content{
    .answer_item{
        overflow: hidden;
        min-height: 100vh;
        background-color: #fefefe;
        .answer_item_option_container{
           padding:0 80rpx;
           overflow: hidden;
           margin-bottom: 100rpx;
            .answer_item_option{
                margin-right: 42rpx;
                margin-bottom: 2rpx;
                width: 274rpx;
                float: left;
                font-size: 30rpx;
                color: #141414;
                line-height: 130rpx;
                border-bottom: 1rpx solid #e3e3e3;
                text-align: center;
            }
            .answer_item_option_last{
              // margin-right: 42rpx;
              margin-bottom: 2rpx;
              width: 100%rpx;
              // float: left;
              font-size: 30rpx;
              color: #141414;
              line-height: 130rpx;
              border-bottom: 1rpx solid #e3e3e3;
              text-align: center;
            }
            .answer_item_option:nth-child(2n){
              margin-right: 0;
            }
            .answer_item_option:nth-last-child(1){
              border-bottom: 0rpx solid #e3e3e3;
            }
            .answer_item_option:nth-last-child(2){
              border-bottom: 0rpx solid #e3e3e3;
            }
            .answer_item_option_active{
                background-color: #e6e2fe;
            }
        }
        .one_answer_confirm{
            color: #fff;
            background-color: #7e6df6;
            width: 564rpx;
            height: 64rpx;
            font-size: 24rpx;
            text-align: center;
            line-height: 64rpx;
            border-radius: 32rpx;
            margin: 70rpx auto 0;
        }
        .answer_confirm{
            position: absolute;
            top: 1070rpx;
            left: 50%;
            transform: translateX(-50%);
            color: #fff;
            background-color: #7e6df6;
            width: 564rpx;
            height: 64rpx;
            font-size: 24rpx;
            text-align: center;
            line-height: 64rpx;
            border-radius: 32rpx;
            // margin: 0 auto;
        }
        .answer_confirm_no{
          // margin-top: 60rpx;
          // background-color: #f23a3a;
        }
        .answer_confirm_good{
          // margin-top: 30rpx;
          // background-color: #72dfac;
        }
        .answer_all_title{
          margin-top: 80rpx;
          padding:0 80rpx;
          margin-bottom: 100rpx;
          font-weight: bold;
        }
        .index-all-icon{
          font-size: 18rpx;
          vertical-align: 12rpx;
        }
        // 答题
        view.answer_one_title {
            font-size: 50rpx;
            color: #141414;
            text-align: center;
            font-weight: bold;
            margin-top: 50rpx;
            letter-spacing: 5rpx;
        }
        
        view.answer_one_content {
            margin-top: 60rpx;
            position: relative;
            width: 100%;
            height: 100vh;
          view.one_content_bgimg {
              position: absolute;
              top: 62rpx;
              left: 50%;
              transform: translateX(-50%);
              width: 545rpx;
              height: 827rpx;
              z-index: 1;
            image {
                width: 100%;
                height: 100%;
            }
          }
        
          view.one_content_container {
              position: absolute;
              top: 0;
              left: 0;
              z-index: 2;
              width: 100%;
              height: 100%;
            view.container_e {
              padding: 50rpx 56rpx;
              box-sizing: border-box;
              margin:176rpx auto 0;
              width: 630rpx;
              height: 320rpx;
              background: #fff;
              border-radius: 30rpx;
              box-shadow:  0 5rpx 10rpx #d1d0d0;
              display: flex;
              align-items: center;
              view.container_e_img {
                  margin-right: 46rpx;
                  width: 224rpx;
                  height: 224rpx;
                image {
                    width: 100%;
                    height: 100%;
                }
              }
        
              view.container_e_text {
                width: 240rpx;
                color: #282828;
                view.container_e_text_title {
                    display: flex;
                    align-items: center;
                    font-size: 30rpx;
                    font-weight: bold;
                    &::before{
                      content: "";
                      border-radius: 4rpx;
                      display: inline-block;
                      background-color: #593cf9;
                      width: 8rpx;
                      height: 24rpx;
                      margin-right: 20rpx;
                    }
                }
        
                view.container_e_text_p {
                  margin-top: 35rpx;
                  font-size: 24rpx;
                }
              }
            }
        
            view.container_icon {
              width: 390rpx;
              margin: 40rpx auto 0;
              view.container_icon_item {
                display: flex;
                align-items: center;
                margin-bottom:22rpx;
                image {
                  width: 80rpx;
                  height: 80rpx;
                  margin-right: 40rpx;
                }
                view.container_icon_text {
                    width: 265rpx;
                    font-size: 26rpx;
                    color: #282828;
                }
              }
            }
            view.one_content_info {
              margin-top: 30rpx;
              color: #d4d4d4;
              font-size: 16rpx;
              text-align: center;
              view.one_content_info_item {
                line-height: 28rpx;
              }
            }
            .answer_confirm{
              margin-top: 40rpx;
            }
          }
        
     
        }

        // 肥胖类型
        view.fat_type_container {
          background-color: #f5f5f5;
          width: 100%;
          view.fat_type_header_container {
            background-color: #f5f5f5;
            height: 612rpx;
            position: relative;
            view.fat_type_header_bgimg {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
             image {
                width: 100%;
              }   
            }
        
            view.fat_type_header_content {
              color: #fff;
              position: absolute;
              width: 100%;
              top: 0;
              left: 0;
              box-sizing: border-box;
              padding: 80rpx 0 0 346rpx;
              view.header_content_hint {
                font-size: 28rpx;
                view.header_content_hint_p {
                  line-height: 38rpx;
                }
              }
        
              view.header_content_title {
                margin-top: 45rpx;
                font-size: 70rpx;
                line-height: 70rpx;
              }
              view.header_content_img {
                margin-top: 70rpx;
                margin-bottom: 70rpx;
                width: 360rpx;
                view.header_content_img_val {
                  display: flex;
                  font-size: 20rpx;
                  line-height: 22rpx;
                  margin-bottom: -10rpx;
                  padding: 0 68rpx;
                  box-sizing: border-box;
                  justify-content: space-between;
                  view.header_content_img_val_item {
                  }
                }
              
                image {
                  width: 100%;
                }
              
                view.header_content_img_info {
                  display: flex;
                  font-size: 20rpx;
                  view.header_content_img_info_item {
                    text-align: center;
                    flex: 1;
                  }
                }
              }
              view.header_content_english {
                line-height: 20rpx;
                margin-top: 12rpx;
                font-size: 20rpx;
                letter-spacing: 5rpx;
              }
        
              view.header_content_info {
                width: 366rpx;
                margin-top: 45rpx;
                font-size: 18rpx;
                line-height: 30rpx;
                .index-icon{
                  font-size: 12rpx;
                  vertical-align: 6rpx;
                }
              }
            }
          }
        
          view.fat_type_first_container {
            margin-top: 78rpx;
            view.fat_type_firs_bgimg {
              width: 100%;
              position: relative;
              text-align: center;
             image {
                width: 100%;
                height: 761rpx;
              }
              .bmi_img{
                height: 110rpx;
                width: 187rpx;
              }
              view.first_bgimg_content {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                view.first_bgimg_title {
                  margin-top: 40rpx;
                  font-size: 50rpx;
                  line-height: 50rpx;
                  color: #282828;
                  text-align: center;
                  font-weight: bold;
                }
              
                view.first_bgimg_option {
                  padding: 0 100rpx;
                  margin-top: 152rpx;
                  line-height: 30rpx;
                  font-size: 30rpx;
                  color: #282828;
                  display: flex;
                  justify-content: space-between;
                  view.first_bgimg_option_item {
                    margin-top: 112rpx;
                  }
                  view.first_bgimg_option_item:nth-child(2) {
                    margin-top: 0;
                  }
                }
              }
            }
        
            view.fat_type_first_content {
              padding: 0 72rpx;
              view.first_content_info {
                view.first_content_info_title {
                    line-height: 36rpx;
                    font-size: 36rpx;
                    color: #282828;
                    font-weight: bold;
                    margin-top: 80rpx;
                    display: flex;
                    align-items: center;
                    &::before{
                      content: "";
                      display: inline-block;
                      width: 8rpx;
                      height: 24rpx;
                      border-radius: 4rpx;
                      background-color: #593cf9;
                      margin-right: 12rpx;
                    }
                }
                view.purple{
                  color: #593cf9;
                }
        
                view.first_content_info_content {
                  margin-top: 37rpx;
                  line-height: 28rpx;
                  color: #282828;
                  font-size: 0;
                  view.first_content_info_item {
                    font-size: 28rpx;
                    line-height: 42rpx;
                    margin-bottom: 50rpx;
                      &::before{
                        font-size: 28rpx;
                        border-radius: 50%;
                        content: "";
                        display: inline-block;
                        width: 26rpx;
                        height: 26rpx;
                        border: 1rpx solid #282828;
                        margin-right: -8rpx;
                        vertical-align: -5rpx;
                      }
                  }
                }
              }
            }
          }
        
          view.fat_type_secondly_container {
            view.fat_type_secondly_bgimg {
              width: 100%;
              position: relative;
              height: 666rpx;
             image {
                width: 100%;
                height: 100%; 
              }
              view.secondly_bgimg_content {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                view.secondly_contont_title {
                  margin-top: 126rpx;
                  font-size: 50rpx;
                  line-height: 50rpx;
                  color: #282828;
                  text-align: center;
                  font-weight: bold;
                }
              
                view.secondly_contont_option {
                  display: flex;
                  padding: 0 90rpx;
                  justify-content: space-between;
                  margin-top: 155rpx;
                  font-size: 28rpx;
                  view.secondly_contont_option_item {
                  }
                }
              }
            }
        
            view.fat_type_secondly_contont {
              // background-image: url("https://wftpay.ssgddsj.com/tzcImg/secondly-bg.gif");
              background-size: 100%;
              overflow: hidden;
              view.secondly_contont_info {
                margin-top: 50rpx;
                padding: 0 72rpx;
                view.secondly_contont_info_item {
                  font-size: 28rpx;
                  line-height: 42rpx;
                  margin-bottom: 50rpx;
                  &::before{
                    font-size: 28rpx;
                    border-radius: 50%;
                    content: "";
                    display: inline-block;
                    width: 26rpx;
                    height: 26rpx;
                    border: 1rpx solid #282828;
                    vertical-align: -5rpx;
                  }
                  
                }


                view.secondly_contont_info_bgimg {
                  margin-top: 100rpx;
                  width: 100%;
                  height: 110rpx;
                  position: relative;
                  text-align: center;
                  margin-bottom: 100rpx;
                  image {
                    width: 187rpx;
                    height: 100%;
                  }
                
                  view.secondly_contont_info_bgimg_title {
                    position: absolute;
                    top: 44rpx;
                    left: 50%;
                    transform: translateX(-50%);
                    font-size: 50rpx;
                    line-height: 50rpx;
                    color: #282828;
                    text-align: center;
                    font-weight: bold;
                  }
                }
                view.secondly_contont_info_img{
                  margin:20rpx  0;
                  image{
                    width: 100%;
                    height: 100%;
                  }
                }
                view.secondly_contont_info_title{
                  line-height: 36rpx;
                  font-size: 36rpx;
                  color: #282828;
                  font-weight: bold;
                  margin-top: 80rpx;
                  display: flex;
                  align-items: center;
                  &::before{
                    content: "";
                    display: inline-block;
                    width: 8rpx;
                    height: 24rpx;
                    border-radius: 4rpx;
                    background-color: #593cf9;
                    margin-right: 12rpx;
                  }
                }
              }
            }
          }
        
          view.fat_type_finally_container {
            margin-top: 60rpx;
            view.fat_type_finally_bgimg {
              width: 100%;
              height: 110rpx;
              position: relative;
              text-align: center;
             image {
                width: 187rpx;
                height: 100%;
              }
              view.finally_bgimg_title {
                position: absolute;
                top: 44rpx;
                left: 50%;
                transform: translateX(-50%);
                font-size: 50rpx;
                line-height: 50rpx;
                color: #282828;
                text-align: center;
                font-weight: bold;
              }
            }
        
            view.fat_type_finally_content {
              margin-top: 100rpx;
              padding: 0 72rpx 100rpx;
              view.finally_content_info {
                font-size: 27rpx;
                line-height: 45rpx;
                color:#282828;
              }
        
              view.finally_content_text {
                margin-top: 50rpx;
                font-size: 20rpx;
                line-height: 32rpx;
                color: #a0a0a0;
                view.finally_content_text_title {
                  
                }
        
                view.finally_content_text_content {
                  view.finally_content_text_content_p {
        
                  }
                }
              }
            }
          }
        }

        //
        view.body_bmi_content {
          position: relative;
          view.body_bmi_title {
            margin-top: 80rpx;
            padding: 0 80rpx;
            margin-bottom: 100rpx;
            font-weight: bold;
          }
          view.vignette-left {
            position: absolute;
            top: 40rpx;
            left: 30rpx;
            width: 100rpx;
            height: 816rpx;
            z-index: 999;
            image {
              width: 100%;
              height: 100%;
            }
          }
          
          view.vignette-right {
            position: absolute;
            top: 40rpx;
            right: 30rpx;
            width: 100rpx;
            height: 816rpx;
            z-index: 999;
            image {
              width: 100%;
              height: 100%;
            }
          }
          view.body_bmi_item{
            margin-bottom: 120rpx;
            font-family:'SimHei';
            .text {
              width: 100%;
              text-align: center;
              font-size: 50rpx;
              color: #8080f0;
              font-weight: bold;
              .unit{
                margin-left: 10rpx;
                font-size: 30rpx;
                font-weight: normal;
              }
            }
            
            .wrap {
              width: 90%;
              margin: 30rpx auto;
              /* border: 1px #ccc solid; */
            }
            
            ::-webkit-scrollbar {
              width: 0;
              height: 0;
              color: transparent;
              display: none;
            }

          }
          
          // view.body_bmi_hint {
            
          // }
        
          view.body_bmi_sex {
            view.body_bmi_sex_item {
              width: 210rpx;
              height: 210rpx;

              img {
        
              }
            }
          }
        }

        //配图
        view.bmi-illustration {
          margin-top: -50rpx;
          image {
            width: 100%;
          }
        }
        //雷达图
        view.radar-map {
          width: 750rpx;
          height: 700rpx;
          position: relative;
          padding: 0;
          view.container {
            position: absolute;
            top: 0;
            bottom: 0;
            left: -72rpx;
            right: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            box-sizing: border-box;
            width: 100%;
            height: 100%;
            ec-canvas{
              width: 100%;
              // height: 100%;
              height: 700rpx;
            }
          }
        }
    }
}